<template>
  <div>
    <!-- title -->
    <van-nav-bar
      title="订单详情"
      left-text=""
      left-arrow
      @click-left="onClickLeft"
    >
      <template #left>
        <van-icon name="cross" size=".6rem" color="#000000" />
      </template>
      <template #right>
        <van-icon name="service-o" size=".6rem" color="#1989fa" />
      </template>
    </van-nav-bar>
    <!-- complete-card -->
    <complete-card></complete-card>
    <!-- order_card  -->
    <total-card :orderList="orderListDefalut"></total-card>
    <!-- address -->
    <order-address :addressList="orderListDefalut"></order-address>
    <!-- img -->
    <van-image
      width="100%"
      src="@/../public/cartImg/cancelOrder/图片 456.png"
    />
  </div>
</template>
  <script setup>
// 引入hooks
import { usePayComplete } from "@/hooks/cart/useCart";
import CompleteCard from "@/components/cart/completeCard.vue";
// totalCart组件
import TotalCard from "@/components/cart/TotalCard.vue";
// orderAddress组件
import orderAddress from "@/components/cart/OrderAddress.vue";
const {onClickLeft, cancelOrder, gopay,orderListDefalut } = usePayComplete();
</script>
  
<style lang="scss" scoped>
</style>